<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<link rel="shortcut icon" href="./font_Icon/favicon.ico" type="image/x-icon">
	<title>莫开口不加班</title>
	<link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="font_Icon/iconfont.css">
    <link rel="stylesheet" type="text/css" href="css/chat.css">
</head>
<body>
	<div class="wrap" id="wrap">
		<div class="wrapper">
			<div class="header">
				<div class="head clearfix">
					<div class="logo_box">
						<h1 class="hidden">莫</h1>
						<a href='javascript:;' class="logo_link"><img src="img/logo.png" alt="xxx"></a>
					</div>
					<div class="nav_box" id="nav_box">
						<ul>
							<li>
								<a href='javascript:;' target="_blank" clickid="guanwang_navigation_homepage">主页</a>
								<li>
									<a href='javascript:;' target="_blank" clickid="guanwang_navigation_productcenter">产品中心</a>
									<li>
										<a href='http://uzoo.cn/205230' target="_blank" clickid="guanwang_navigation_customer">客服论坛（AI）</a>
										<li>
											<a href='javascript:;' target="_blank" clickid="guanwang_navigation_yangtai">莫阳台</a>
						</ul><span class="ic_line"></span></div>
				</div>
			</div>
			<div class="page_wp" id="page_wp">
				<div class="page page_1"><span class="page_bg scale_box"></span>
					<div class="img_box"><img src="" alt=""></div>
					<div class="txt_box scale_box">
						<h2>新一代AMD将呈现更多精彩</h2>
						<p class=txt_brief>从现在开始，你就会感觉到它与以往是如此不同。全新的界面体验，高速的引擎支持，丰富的内容推荐，这一切，都让你的生活更加精彩。</div>
				</div>
				<div class="page page_2"><span class="page_bg scale_box"></span>
					<div class="img_box"><img src="" alt=""></div>
					<div class="txt_box scale_box">
						<h2>高速引擎可以带你穿越时空</h2>
						<p class="txt_brief">我们对速度的渴望从未停止，一起来体验速度超频的感觉。它的技术服务会更加稳定，占用更少的资源提供更高的速度支持，这一切只源于我们对技术的无尽追求。</div>
				</div>
				<div class="page page_3"><span class="page_bg scale_box"></span>
					<div class="img_box"><img src="" alt=""></div>
					<div class="txt_box scale_box">
						<h2>与你一起发现更多精彩资源</h2>
						<p class="txt_brief">它以生动的方式呈现更多内容，让你在体验极速的同时，拥有更多选择。热门游戏，热辣直播，高清美图，我们准备好了一切，就等你来探索</div>
				</div>
				<div class="page page_4"><span class="page_bg scale_box"></span>
					<div class=img_box><img src="" alt=""></div>
					<div class="light_wp scale_box"><span class="light_box"><i class="light_1"></i> <i class="light_2"></i> <i class="light_3"></i> <i class="light_4"></i> <i class="light_5"></i></span></div><span class="meteor_box scale_box"></span>
					<div class="txt_box scale_box">
						<h2>还有另一个自己在这里等你</h2>
						<p class="txt_brief">当你使用AMD的同时，也许另一个人也和你一样，在下载、在观看同样的东西。这些只是开始，新一代AMD使用越久，越能发现它的创新和诚心。</div>
				</div>
			</div>
			<div class="star_wp scale_box" id=star_wp><span class=star_bg></span> <span class=star_box></span></div><canvas id=canvas></canvas>
			<div class="btns_wp scale_box">
				<!-- <a class="btn_download JS-btn-download" href='javascript:;'>立即下载</a> -->
				<div class="chatContainer" >
				<div class="chatBtn" style="z-index:1000">
					<i class="iconfont icon-xiaoxi1"></i>
				</div>
				<div class="chat-message-num">1</div>
				<div class="chatBox" ref="chatBox">
					<div class="chatBox-head">
						<div class="chatBox-head-one">
							Conversations
							<div class="chat-close" style="margin: 10px 10px 0 0;font-size: 14px">关闭</div>
						</div>
						<div class="chatBox-head-two">
							<div class="chat-return">返回</div>
							<div class="chat-people">
								<div class="ChatInfoHead">
									<img src="" alt="头像"/>
								</div>
								<div class="ChatInfoName">这是用户的名字，看看名字到底能有多长</div>
							</div>
							<div class="chat-close">关闭</div>
						</div>
					</div>
					<div class="chatBox-info">
						<div class="chatBox-list" ref="chatBoxlist">
							<div class="chat-list-people">
								<div><img src="img/mo1.png" alt="头像"/></div>
								<div class="chat-name">
									<p>小莫</p>
								</div>
								<div class="message-num">1</div>
							</div>
							<!-- <div class="chat-list-people">
								<div><img src="img/mo1.png" alt="头像"/></div>
								<div class="chat-name">
									<p>小莫机器聊天</p>
								</div>
								<div class="message-num">1</div>
							</div> -->
						</div>
							
						<div class="chatBox-kuang" ref="chatBoxkuang">
							<div class="chatBox-content">
								<div class="chatBox-content-demo" id="chatBox-content-demo">

									<!-- <div class="clearfloat">
										<div class="author-name">
											<small class="chat-date">2017-12-02 14:26:58</small>
										</div>
										<div class="left">
											<div class="chat-avatars"><img src="img/mo1.png" alt="头像"/></div>
											<div class="chat-message">
												你好!
											</div>
										</div>
									</div> -->

									<!-- <div class="clearfloat">
										<div class="author-name">
											<small class="chat-date">2017-12-02 14:26:58</small>
										</div>
										<div class="left">
											<div class="chat-avatars"><img src="img/mo1.png" alt="头像"/></div>
											<div class="chat-message">
												<img src="img/1.png" alt="">
											</div>
										</div>
									</div>

									<div class="clearfloat">
										<div class="author-name">
											<small class="chat-date">2017-12-02 14:26:58</small>
										</div>
										<div class="right">
											<div class="chat-message">嗯，适合做壁纸</div>
											<div class="chat-avatars"><img src="img/c57.jpg" alt="头像"/></div>
										</div>
									</div> -->

								</div>
							</div>
							<div class="chatBox-send" id="sssmsgfoot">
								<div class="div-textarea" contenteditable="true"></div>
								<div>
									<button id="chat-biaoqing" class="btn-default-styles">
										<i class="iconfont icon-biaoqing"></i>
									</button>
									<label id="chat-tuxiang" title="发送图片" for="inputImage" class="btn-default-styles">
										<input type="file" onchange="selectImg(this)" accept="image/jpg,image/jpeg,image/png"
											   name="file" id="inputImage" class="hidden">
										<i class="iconfont icon-tuxiang"></i>
									</label>
									<button id="chat-fasong" class="btn-default-styles"><i class="iconfont icon-fasong"></i>
									</button>
								</div>
								<div class="biaoqing-photo">
									<ul>
										<li><span class="emoji-picker-image" style="background-position: -9px -18px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -40px -18px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -71px -18px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -102px -18px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -133px -18px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -164px -18px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -9px -52px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -40px -52px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -71px -52px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -102px -52px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -133px -52px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -164px -52px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -9px -86px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -40px -86px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -71px -86px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -102px -86px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -133px -86px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -164px -86px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -9px -120px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -40px -120px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -71px -120px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -102px -120px;"></span>
										</li>
										<li><span class="emoji-picker-image" style="background-position: -133px -120px;"></span>
										</li>
										<li><span class="emoji-picker-image" style="background-position: -164px -120px;"></span>
										</li>
										<li><span class="emoji-picker-image" style="background-position: -9px -154px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -40px -154px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -71px -154px;"></span></li>
										<li><span class="emoji-picker-image" style="background-position: -102px -154px;"></span>
										</li>
										<li><span class="emoji-picker-image" style="background-position: -133px -154px;"></span>
										</li>
										<li><span class="emoji-picker-image" style="background-position: -164px -154px;"></span>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<!-- <div  class="chatBox-kuang" ref="chatBoxkuang">
							<iframe src="http://uzoo.cn/205230" frameborder="0" width="100%" height="100%"></iframe>
							
						</div> -->
				</div>
			</div>
			</div>
			
			<div class=btn_control id=btn_control>
				<a href=javascript:; class=cur></a>
				<a href=javascript:;></a>
				<a href=javascript:;></a>
				<a href=javascript:;></a>
			</div>
			<div class=footer>
				<div class=foot>
					<input type="text" id="pageId" style="display: none" th:value="${pageId}"/>
					<p ><b>© 2016 莫开口不加班未来科技网络信息技术 版权所有</b></div>
			</div>
		</div>
	</div>
	<script src="./js/vendors.js"></script>
	<script src="./js/index.js"></script>
	<!--[if IE 6]>
		<script type="text/javascript" src="./js/DD_PNG_min.js"></script>
		<script type="text/javascript">
			var links=document.getElementsByTagName("a");
			for(var i=0,l=links.length;i<l;i++){
				links[i].setAttribute("hideFocus",true);
			}
		</script>
		<![endif]-->


<script src="./js/jquery.min.js"></script>
<script src="./js/taking.js"></script>
 
</body>
</html>
